*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    width: 100vw;
    height: 100vh;
    min-width: 667px;
    min-height: 667px;
    background-color: #222831;
    
    background:rgba(0,0,0,.1) url("../imgs/1.jpeg")center center no-repeat ;
    background-size: 1920px auto;
}
.center{
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 667px;
    height:667px;
    .title{
        width: 100%;
        height:60px;
        background:url("../imgs/标题.png") -355px -360px no-repeat;
        background-size: 1400px auto;
    }

    .button{
        position: absolute;
        bottom:10%;
       left: 50%;
       transform: translateX(-50%);
        width: 100px;
        height:40px;     
        border: 2px solid #ffffffac;
        border-radius: 20px;
        text-align: center;
        line-height: 35px;
       
        cursor:pointer;
        a{
            font-weight: 700;
            text-decoration: none;
            color:#fffcca;
        }
        &:hover{
            border: 2px solid #fffcca;
        }
    }
}

.text{
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 300px;
    height: 60px;
    background:url("../imgs/文字.png") -546px -360px no-repeat;
    background-size: 1400px auto;
}
